<template>
  <div class="pageTitle">
    <div>{{text}}</div>
  </div>
</template>

<script>
export default {
  name: '',
  components: {
  },
  props: {
    text: {
      type: String,
      default: () => ''
    }
  },
  data () {
    return {
    };
  },
  created () { },
  methods: {
  },
  mounted () {
  },
};
</script>

<style lang="scss" scoped>
.pageTitle {
  // margin: 10px 14px;
  min-height: 60px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 0 5px #000;
  background: #042bba
    url("https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/icon/detailTitBj.png")
    no-repeat bottom center;
  background-size: cover;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  > div {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }
}
</style>
